<template>
  <div class="dotDialogue">
    <div class="dflex">
      <el-avatar />
      <div class="dotDom">
        <MdPreview :showCodeRowNumber="true" :modelValue="props.data || ''" />
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { MdPreview } from "md-editor-v3"
import "md-editor-v3/lib/style.css"
interface Props {
  data: string
}
const props = defineProps<Props>()
console.log(props.data)
</script>
<style lang="scss" scoped>
.dotDialogue {
  .dflex {
    .txt {
      font-size: 14px;
      color: var(--el-color-info);
    }

    .dotDom {
      margin: 10px;
      background: #eee;
      border-radius: 20px 20px 20px 5px;
      padding: 10px 20px;
    }
  }
}
</style>
